<template>
    <div class="personalSign">
        <div class="header">
            <div class="header-left">
                个人签名
            </div>
        </div>
        <div class="signInfo">
                {{sign}}
            </div>
    </div>
</template>

<script>
export default {
    name: 'PersonalSign',
    props: {
        sign: String
    }
}
</script>

<style lang="stylus" scoped>
.personalSign
    background-color: #fff
    margin-bottom: .2rem
    .header
        background: #fff  
        color: #333
        line-height: .78rem
        height: .78rem
        font-size: .25rem
        border-bottom: 1px solid #ececec
        box-sizing:border-box
        box-shadow: 0 0 3px rgba(238,238,238,0.1)
        .header-left
            float: left
            &:before
                content: ''
                float: left
                width: .06rem
                height: .22rem
                background-color: #ed722e
                margin-right: .20rem
                margin-top: .25rem
    .signInfo
        padding: .2rem
        line-height: .35rem
        font-size: .3rem
</style>


